<template>
  <div class="pc_price_desc" :style="{bottom: mobile? mobileBottom : pcBottom }">
    以上牌告價格依現金匯率異動
  </div>
</template>

<script>

export default {
  name: 'TwdPrice',
  props: {
    pcBottom: {
      type: String,
      default: '-20%'
    },
    mobileBottom: {
      type: String,
      default: '-6%'
    }
  },
  data () {
    return {

    }
  },
  computed: {
  },
  created () {

  }
}
</script>

<style scoped>
.pc_price_desc {
  height: 40px;
  overflow: hidden;
  min-width: 25.6rem;
  position: absolute;
  left: 50%;
  bottom: -20%;
  /* background-color: aquamarine; */
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ff5601;
  font-size: 18px;
}
.pc_price_desc::before,
  .pc_price_desc::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 14.5rem;
    border-bottom: 1px dashed #ff5601;
  }
  .pc_price_desc::before {
    transform: translateY(-50%);
    left: -38%;
  }

  .pc_price_desc::after {
    transform: translateY(50%);
    right: -38%;
  }
</style>
